<template>
  <el-drawer
    v-model="drawer"
    :title="title"
    :direction="direction"
    :size="size"
    :close-on-click-modal="false"
  >
    <slot></slot>
  </el-drawer>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    default: '提交弹框'
  },
  size: {
    type: Number,
    default: 500
  },
  direction: {
    type: String,
    default: 'rtl'
  }
})

const drawer = defineModel('drawer', {
  type: Boolean,
  default: false
})
</script>
